import {h, init} from "snabbdom"
// 导入模块
import style from 'snabbdom/modules/style'
import eventlisteners from 'snabbdom/modules/eventlisteners'

// 注册模块
let patch = init([style, eventlisteners])

// 使用 h() 函数创建 vnode
let vnode = h('div.cls', {
        // 设置 DOM 元素的行内样式
        style: { color: '#DEDEDE', backgroundColor: '#181A1B' },
        // 注册事件
        on: { click: clickHandler }
    }, [
    h('h1', 'Hello Snabbdom'),
    h('p', '这是段落')
])
let app = document.querySelector("#app")

patch(app, vnode)

function clickHandler () {
    // 此处的 this 指向对应的 vnode
    console.log(this.elm.innerHTML)
}
    